<?
include('common/header_1.html');
include('common/autoload.php');

if(isset($_GET['f'])) {
    $f = 1;
    $s1 = "display:none;";
    $s2 = "display:block;";
}
?>
    <script type="text/javascript">document.title="会员注册 - <?=$GLOBALS['web_title']?>";</script>
    <link rel="stylesheet" href="css/reg.css"/>
    <style type="text/css">
        /*.meter-bar{*/
            /*background: url(images/pwd_strength.png) no-repeat top left;*/
        /*}*/
        #register .pwd_strength{display:block;line-height: 20px;}
        #register .reg_table #pwd_strength td{line-height: 10px;}
        .pwd_strength .meter-bar {
            width: 90px;
            border: 1px solid #94CC33;
            padding: 1px;
            height: 8px;
            overflow: hidden;
            margin-right: 3px;
            background: #fff;
            display: inline-block;
        }
        .pwd_strength .meter-bar div{
            height: 8px;
            background-color: #94CC33;
        }
        .whyactpft{position:absolute; z-index:8; right:28px; top:75px;}
    </style>
    <!--主体-->
    <div class="main" id="register">
        <div class="main_wrap">
            <img src="images/img/whychangepft.png" class="whyactpft" />
            <form class="ui-form reg_form" id="reg_form">
                <?=genCsrfToken();?>
                <input type="hidden" name="action" value="MemberRegister"/>
                <input type="hidden" name="actionType" value="register"/>
                <table class="reg_table">
                    <tbody>
                    <tr class="title">
                        <td class="tab1">会员类型</td>
                        <td class="tab2" colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="tab1"><label><input type="radio" name="dtype" value="0" <?=!$f ? 'checked="checked"':''?>/>供应商</label></td>
                        <td class="tab2" colspan="2" style="padding-left: 40px;">
                            <label><input type="radio" name="dtype" value="1" <?=$f>0?'checked="checked"':''?>/>分销商</label>
                        </td>
                    </tr>
                    </tbody>
                    <tbody>
                    <tr class="title">
                        <td class="tab1">会员信息</td>
                        <td  class="tab2" colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="tab1"> <span class="ui-form-required">*</span>真实姓名</td>
                        <td class="tab2">
                            <input type="text" class="ui-input required" name="username" />
                        </td>
                        <td class="tab3">
                            <p class="normal">请填写真实姓名，便于供销商户联系</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="tab1"><span class="ui-form-required">*</span>手机号</td>
                        <td class="tab2">

                            <input type="text" class="ui-input required" name="mobile"/>
                        </td>
                        <td class="tab3">
                            <p class="normal">请输入您的手机号码</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td colspan="2" class="val-top">
                            <p id="sendVcode">
                                <!--disabled="disabled" -->
                                <button id="sendVcodeBtn" class="ui-button ui-button-swhite" type="button">获取验证码</button>
                                <span id="resendCodeWait" class="sp4"><em id="countDown">60</em>秒后重新发送</span>
                            </p>
                            <p id="sendRes"></p>
                        </td>
                    </tr>
                    <tr>
                        <td class="tab1">  <span class="ui-form-required">*</span>验证码</td>
                        <td class="tab2">
                            <input type="text" class="ui-input w50 required" name="vcode" value=""/>
                        </td>
                        <td class="tab3">
                            <p class="normal">请输入您收到的6位数验证码</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="tab1"><span class="ui-form-required">*</span>密码</td>
                        <td class="tab2">
                            <input type="password" class="ui-input required" name="password" />
                        </td>
                        <td class="tab3">
                            <p class="normal">6-16个字符,请使用字母加数字或符号的组合</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr id="pwd_strength">
                        <td>&nbsp;</td>
                        <td colspan="2">
                            <div class="pwd_strength">
                                <span class="qian" id="sqian">密码强度</span>
                                <span class="meter-bar">
                                    <div id="pwlevel" style="width: 75%;"></div>
                                </span>
                                <span id="pwlevel2">中</span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="tab1"><span class="ui-form-required">*</span>确认密码</td>
                        <td class="tab2">
                            <input type="password" data-msg="请再次输入密码" class="ui-input required" name="confirmPwd" />
                        </td>
                        <td class="tab3">
                            <p class="normal">请再次输入密码</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr id="alipay_id">
                        <td class="tab1"><?if(!$f){?><span id="alipay_req" class="ui-form-required">*</span><?}?>支付宝账号</td>
                        <td class="tab2">
                            <input type="text" data-msg="请输入支付宝账号" class="ui-input required" name="alipay" />
                        </td>
                        <td class="tab3">
                            <p class="normal">此为收款账户，请务必认真填写</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="tab1">QQ</td>
                        <td class="tab2">
                            <input type="text" class="ui-input" name="qq" />
                        </td>
                        <td class="tab3">
                            <p class="normal">请输入QQ号</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="tab1">性别</td>
                        <td class="tab2" colspan="2">
                            <label><input type="radio" name="sex" value="M" checked="checked"/>男</label>
                            <label style="padding-left: 40px;"><input type="radio" name="sex" value="F"/>女</label>
                        </td>
                    </tr>
                    </tbody>
                    <tbody>
                    <tr class="title">
                        <td class="tab1">企业信息</td>
                        <td class="tab2" colspan="2">&nbsp;</td>
                    </tr>
                    <tr>
                        <td class="tab1"> <span class="ui-form-required">*</span>企业类型</td>
                        <td class="tab2">
                            <select id="dt0" name="ctype0" class="dtlist" style="<?=$s1?>">
                                <option value="景区">景区</option>
                                <option value="酒店">酒店</option>
                                <option value="旅行社">旅行社</option>
                                <option value="其他">其他</option>
                            </select>
                            <select id="dt1" name="ctype1" class="dtlist" style="<?=$s2?>">
                                <option value="加盟门店">加盟门店</option>
                                <option value="电商/团购网">电商/团购网</option>
                                <option value="旅行社">旅行社</option>
                                <option value="淘宝/天猫">淘宝/天猫</option>
                                <option value="其他">其他</option>
                            </select>
                        </td>
                        <td class="tab3">
                            <p class="normal"></p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="tab1"> <span class="ui-form-required">*</span>企业名称</td>
                        <td class="tab2">
                            <input type="text" class="ui-input required" name="company" />
                        </td>
                        <td class="tab3">
                            <p class="normal">为某一部门时，请填写XX公司XX部</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr id="license_no_tr">
                        <td class="tab1">许可证编号</td>
                        <td class="tab2">
                            <input type="text" class="ui-input" name="license_no" />
                        </td>
                        <td class="tab3">
                            <p class="normal">请输入许可证编号</p>
                            <p class="error"></p>
                            <p class="ok">&nbsp;</p>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td colspan="2">
                            <input type="button" class="submt_btn" id="submit_step2"/>
                            <p><a href="Agreement.html" target="_blank">《票付通服务条款》</a></p>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
    <script type="text/javascript" src="js/jquery.getareas.js"></script>
    <script type="text/javascript" src="js/easydialog.min.js"></script>
    <script type="text/javascript" src="js/fun.inc.js"></script>
    <script type="text/javascript" src="js/reg.js"></script>
    <script type="text/javascript">
        (function(){
            $("input[name='password']").on('keyup',  verify.pwdStrength);
        })();
    </script>
<?include('common/footer.html');?>